/*
==========================================================
 TRANSWORLD PACKERS & MOVERS - YELLOW BRAND THEME
 Scoped under .tw-yellow-theme to minimize CSS conflicts.
 Inspired by the supplied client poster:
 YELLOW + ROYAL BLUE + RED
==========================================================
*/

.tw-yellow-theme {
    --tw-yellow: #FFC928;
    --tw-yellow-light: #FFD84A;
    --tw-yellow-dark: #F2B900;
    --tw-blue: #0039C8;
    --tw-blue-dark: #00278A;
    --tw-red: #E51B23;
    --tw-red-dark: #C81018;
    --tw-black: #111111;
    --tw-white: #FFFFFF;
    background: #fff;
}

/* ---------- Global ---------- */
.tw-yellow-theme a {
    color: var(--tw-blue);
}

.tw-yellow-theme a:hover,
.tw-yellow-theme a:focus {
    color: var(--tw-red);
}

.tw-yellow-theme h1,
.tw-yellow-theme h2,
.tw-yellow-theme h3,
.tw-yellow-theme h4,
.tw-yellow-theme h5,
.tw-yellow-theme h6 {
    color: var(--tw-blue);
}

.tw-yellow-theme .text-white {
    color: #fff !important;
}

/* ---------- Top header ---------- */
.tw-yellow-theme .header-top.blue-bg {
    background: var(--tw-blue) !important;
    color: #fff;
    border-bottom: 3px solid var(--tw-yellow);
}

.tw-yellow-theme .header-top a,
.tw-yellow-theme .header-top .top-text {
    color: #fff !important;
}

.tw-yellow-theme .header-top a:hover {
    color: var(--tw-yellow) !important;
}

/* ---------- Main logo/header area ---------- */
.tw-yellow-theme .header-main {
    background: var(--tw-yellow) !important;
    border-bottom: 1px solid rgba(0,0,0,.08);
}

.tw-yellow-theme .header-main .top,
.tw-yellow-theme .header-main .header-info-text h4,
.tw-yellow-theme .header-main .header-info-text h4 a {
    color: var(--tw-blue) !important;
}

.tw-yellow-theme .header-main .header-info img {
    filter: none;
}

/* ---------- Navigation ---------- */
.tw-yellow-theme .mainmenu-area {
    background: var(--tw-blue) !important;
    border-top: 3px solid var(--tw-yellow);
    border-bottom: 3px solid var(--tw-yellow);
}

.tw-yellow-theme .mainmenu-area ul li > a {
    color: #fff !important;
    background: transparent !important;
    transition: all .2s ease;
}

.tw-yellow-theme .mainmenu-area ul li:hover > a,
.tw-yellow-theme .mainmenu-area ul li.active > a {
    color: var(--tw-blue) !important;
    background: var(--tw-yellow) !important;
}

.tw-yellow-theme .mainmenu-area .dropdown-menu {
    background: var(--tw-blue) !important;
    border-top: 3px solid var(--tw-yellow);
    border-radius: 0;
}

.tw-yellow-theme .mainmenu-area .dropdown-menu li a {
    color: #fff !important;
    background: var(--tw-blue) !important;
}

.tw-yellow-theme .mainmenu-area .dropdown-menu li a:hover {
    color: var(--tw-blue) !important;
    background: var(--tw-yellow) !important;
}

/* ---------- Mobile menu ---------- */
.tw-yellow-theme .mobile-menu-area {
    background: var(--tw-blue) !important;
    border-top: 3px solid var(--tw-yellow);
    border-bottom: 3px solid var(--tw-yellow);
}

.tw-yellow-theme .mobile-menu-area a {
    color: #fff !important;
}

.tw-yellow-theme .mobile-menu-area a:hover {
    color: var(--tw-yellow) !important;
}

/* ---------- Buttons / CTAs ---------- */
.tw-yellow-theme .btn-primary,
.tw-yellow-theme .default-button,
.tw-yellow-theme button.btn-primary {
    background: var(--tw-red) !important;
    border: 2px solid var(--tw-red) !important;
    color: #fff !important;
    font-weight: 600;
    transition: all .2s ease;
}

.tw-yellow-theme .btn-primary:hover,
.tw-yellow-theme .default-button:hover,
.tw-yellow-theme button.btn-primary:hover {
    background: var(--tw-blue) !important;
    border-color: var(--tw-blue) !important;
    color: #fff !important;
}

.tw-yellow-theme .btn-danger {
    background: var(--tw-red) !important;
    border-color: var(--tw-red) !important;
    color: #fff !important;
}

.tw-yellow-theme .btn-danger:hover {
    background: var(--tw-blue) !important;
    border-color: var(--tw-blue) !important;
}

/* ---------- Hero / slider ---------- */
.tw-yellow-theme .slider-three-area {
    border-bottom: 6px solid var(--tw-yellow);
}

.tw-yellow-theme .slider-three-area .banner-content {
    background: linear-gradient(
        90deg,
        rgba(255,201,40,.12),
        rgba(255,201,40,0)
    );
}

/* ---------- Quote section ---------- */
.tw-yellow-theme .features-area {
    background: var(--tw-yellow) !important;
}

.tw-yellow-theme .feature-right-column {
    background: var(--tw-blue) !important;
    border-top: 6px solid var(--tw-yellow);
    border-bottom: 6px solid var(--tw-red);
}

.tw-yellow-theme .feature-right-column .feature-text {
    color: var(--tw-yellow) !important;
}

.tw-yellow-theme .form-box input,
.tw-yellow-theme .form-box textarea {
    background: #fff !important;
    border: 2px solid var(--tw-yellow) !important;
    color: var(--tw-black) !important;
}

.tw-yellow-theme .form-box input:focus,
.tw-yellow-theme .form-box textarea:focus {
    border-color: var(--tw-red) !important;
    box-shadow: 0 0 0 2px rgba(255,201,40,.35);
}

/* ---------- Content sections ---------- */
.tw-yellow-theme .information-three-area {
    border-top: 5px solid var(--tw-yellow);
}

.tw-yellow-theme .information-text h2,
.tw-yellow-theme .section-title h2 {
    color: var(--tw-blue) !important;
    position: relative;
}

.tw-yellow-theme .information-text h2:after,
.tw-yellow-theme .section-title h2:after {
    content: "";
    display: block;
    width: 65px;
    height: 4px;
    margin: 12px auto 0;
    background: var(--tw-red);
}

.tw-yellow-theme .information-text .default-button {
    background: var(--tw-red) !important;
}

/* ---------- Service cards ---------- */
.tw-yellow-theme .projects-area {
    background: #fff !important;
}

.tw-yellow-theme .grid-item .shadow {
    background: #fff;
    border-top: 5px solid var(--tw-yellow);
    border-bottom: 3px solid var(--tw-blue);
    transition: transform .2s ease, box-shadow .2s ease;
}

.tw-yellow-theme .grid-item .shadow:hover {
    border-top-color: var(--tw-red);
    box-shadow: 0 8px 24px rgba(0,57,200,.18);
    transform: translateY(-3px);
}

.tw-yellow-theme .grid-item h4 a {
    color: var(--tw-blue) !important;
}

.tw-yellow-theme .grid-item h4 a:hover {
    color: var(--tw-red) !important;
}

/* ---------- Yellow accent bands ---------- */
.tw-yellow-theme .ptb-120,
.tw-yellow-theme .ptb-30 {
    position: relative;
}

.tw-yellow-theme .section-title {
    border-left: 6px solid var(--tw-yellow);
    padding-left: 12px;
}

/* ---------- Advertise / testimonial sections ---------- */
.tw-yellow-theme .advertise-area {
    background: var(--tw-blue) !important;
    border-top: 6px solid var(--tw-yellow);
    border-bottom: 6px solid var(--tw-red);
}

.tw-yellow-theme .advertise-area h2 {
    color: var(--tw-yellow) !important;
}

.tw-yellow-theme .advertise-area p {
    color: #fff !important;
}

/* ---------- Branches ---------- */
.tw-yellow-theme #overflowTest ul {
    border-top: 4px solid var(--tw-yellow);
}

.tw-yellow-theme #overflowTest li a {
    margin-bottom: 5px;
    background: var(--tw-red) !important;
    border-color: var(--tw-red) !important;
    color: #fff !important;
}

.tw-yellow-theme #overflowTest li a:hover {
    background: var(--tw-blue) !important;
    border-color: var(--tw-blue) !important;
    color: var(--tw-yellow) !important;
}

/* ---------- Footer ---------- */
.tw-yellow-theme .footer-widget-area {
    background: var(--tw-blue) !important;
    border-top: 7px solid var(--tw-yellow);
}

.tw-yellow-theme .footer-widget-area h3 {
    color: var(--tw-yellow) !important;
}

.tw-yellow-theme .footer-widget-area a {
    color: #fff !important;
}

.tw-yellow-theme .footer-widget-area a:hover {
    color: var(--tw-yellow) !important;
}

.tw-yellow-theme .footer-area.bg-blue {
    background: var(--tw-yellow) !important;
    color: var(--tw-blue) !important;
    border-top: 4px solid var(--tw-red);
}

.tw-yellow-theme .footer-area.bg-blue a,
.tw-yellow-theme .footer-area.bg-blue span {
    color: var(--tw-blue) !important;
}

/* ---------- Contact / form elements ---------- */
.tw-yellow-theme input::placeholder,
.tw-yellow-theme textarea::placeholder {
    color: #555;
    opacity: 1;
}

/* ---------- Floating call / WhatsApp buttons ---------- */
.tw-yellow-theme body > div[style*="position:fixed"] {
    border-radius: 6px 0 0 6px;
    overflow: hidden;
}

.tw-yellow-theme body > div[style*="position:fixed"] img {
    border: 3px solid var(--tw-yellow);
    background: var(--tw-blue);
}

/* ---------- Small screens ---------- */
@media (max-width: 767px) {
    .tw-yellow-theme .header-main {
        background: var(--tw-yellow) !important;
    }

    .tw-yellow-theme .mainmenu-area {
        border-bottom: 3px solid var(--tw-yellow);
    }

    .tw-yellow-theme .section-title {
        border-left: 0;
        border-top: 5px solid var(--tw-yellow);
        padding-left: 0;
        padding-top: 10px;
    }

    .tw-yellow-theme .feature-right-column {
        border-top-width: 4px;
        border-bottom-width: 4px;
    }
}